<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>2017畅销好书榜Top100</title>
		<meta id="viewport" name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
		<meta name="format-detection" content="telephone=no" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
		<!--<script src="//s.url.cn/qqun/qun/qqweb/m/qun/confession/js/vconsole.min.js"></script>-->
		<script src="js/wxrem.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			
			body,html{
				padding-bottom: 3rem;
				height:auto;
				background: #f3e6d5;
			}
			
			.top-tag-container {
				padding: 0.52rem 1.2rem 1.56rem 1.2rem; 
			}
			
			.top-tag-container ul {
				overflow: hidden;
			}
			
			.top-tag-container ul li {
				float: left;
				background: url(icon/category_BG.png) no-repeat center center;
				height: 5rem;
				width: 10.4rem;
				margin: 0.52rem 0.5rem 0 0.5rem;
				position: relative;
			}
			
			.Novel_List, .Parenting_List ,.Bisexual_List,.encouragement_List,.work_List,.study_List,.gam_List,.wealth_List,.history_List,.Psychology_List,.netWork_List,.Management_List {
				padding: 0 1.2rem;
			}
			
			.Novel_List ul , .Parenting_List ul ,.Bisexual_List ul, .encouragement_List ul ,.work_List ul,.study_List ul,.gam_List ul,.wealth_List ul,.history_List ul,.Psychology_List ul,.netWork_List ul,.Management_List ul{
				overflow: hidden;
			}
			
			.Novel_List ul li , .Parenting_List ul li ,.Bisexual_List ul li, .encouragement_List ul li,.work_List ul li ,.study_List ul li,.gam_List ul li,.wealth_List ul li,.history_List ul li,.Psychology_List ul li,.netWork_List ul li,.Management_List ul li{
				float: left;
				height: 23.4rem;
				width: 9.17rem;
				margin: 1.56rem 1.2rem 1.56rem 1.2rem;
				position: relative;
			}
			.scrollToTop{
				background: url(icon/scrollToTop_img.png) no-repeat center center;
				width: 8.3rem;
				height: 8.3rem;
				bottom: 8.3rem;
				right: 0;
				position: fixed;
				z-index: 100;
			}
			.selling_BottomView{
				border: 0;
				border-radius: 0;
				width: 100%;
				height: 5.2rem;
				padding-top: 1.56rem;
				bottom: 0;
				left: 0;
				position: fixed;
				background-color: #fbd454;
				font-weight: bold;
				font-size: 1.87rem;
				text-align: center; 
				color: #FFFFFF;
				z-index: 100;
			}
			
			#warn{
				background: rgba(0, 0, 0, 0.7);
				text-align: center;
				border-radius: 0.26rem;
				color: white;
				position: fixed;
				z-index: 3000;
				top: 45%;
				left: 30%;
				width: 40%;
				height: 3.8rem;
				line-height: 0.1rem;
				display: none;
				padding-top: 2.0rem;
			}
		</style>
	</head>
	<body>
		<!--banner图-->
		<div>
			<img src="img/selling_banner.png" style="width: 100%;" alt="" />
		</div>
		<p style="text-align: center; font-size: 2.08rem; font-weight: bold; color: #333333; margin-top: 1.56rem; margin-bottom: 0;">- 12大分类·百部品质听书全场免费 -</p>
		
		<!--回到顶部-->
		<div class="scrollToTop hide"></div>
		<div class="selling_BottomView" style="display: block; ">加入VIP·一键畅听所有好书</div>
		
		<!--顶部分类-->
		<div class="top-tag-container"><ul id="TopCategory"></ul></div>
		<script type="text/html" id="TopCategory_Item">
			{{each TopCategoryArr}}
			<li>
				<p class="category_btn" style="width: 10.4rem;height: 5rem; padding-top: 1.25rem; color: #666;text-align: center;font-size: 1.66rem;">{{$value.categoryName}}</p>
			</li>
			{{/each}}
		</script>
		<!--小说榜-->
		<div id="Novel_container">
			<div class="Novel_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">小说榜</p>
			</div>
		</div>
		<div class="Novel_List"><ul id="Novel_book"></ul></div>
		<script type="text/html" id="Novel_Item">
			{{each listArr}}
			<li>
				<div class="Novel_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--亲子榜-->
		<div id="Parenting_container">
			<div class="Parenting_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">亲子榜</p>
			</div>
		</div>
		<div class="Parenting_List"><ul id="Parenting_book"></ul></div>
		<script type="text/html" id="Parenting_Item">
			{{each listArr}}
			<li>
				<div class="Parenting_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--两性榜-->
		<div id="Bisexual_container">
			<div class="Bisexual_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">两性榜</p>
			</div>
		</div>
		<div class="Bisexual_List"><ul id="Bisexual_book"></ul></div>
		<script type="text/html" id="Bisexual_Item">
			{{each listArr}}
			<li>
				<div class="Bisexual_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--励志榜-->
		<div id="encouragement_container">
			<div class="encouragement_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">励志榜</p>
			</div>
		</div>
		<div class="encouragement_List"><ul id="encouragement_book"></ul></div>
		<script type="text/html" id="encouragement_Item">
			{{each listArr}}
			<li>
				<div class="encouragement_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--工作榜-->
		<div id="work_container">
			<div class="work_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">工作榜</p>
			</div>
		</div>
		<div class="work_List"><ul id="work_book"></ul></div>
		<script type="text/html" id="work_Item">
			{{each listArr}}
			<li>
				<div class="work_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--学习榜-->
		<div id="study_container">
			<div class="study_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">学习榜</p>
			</div>
		</div>
		<div class="study_List"><ul id="study_book"></ul></div>
		<script type="text/html" id="study_Item">
			{{each listArr}}
			<li>
				<div class="study_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--社交榜-->
		<div id="gam_container">
			<div class="gam_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">社交榜</p>
			</div>
		</div>
		<div class="gam_List"><ul id="gam_book"></ul></div>
		<script type="text/html" id="gam_Item">
			{{each listArr}}
			<li>
				<div class="gam_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--财富榜-->
		<div id="wealth_container">
			<div class="wealth_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">财富榜</p>
			</div>
		</div>
		<div class="wealth_List"><ul id="wealth_book"></ul></div>
		<script type="text/html" id="wealth_Item">
			{{each listArr}}
			<li>
				<div class="wealth_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--历史榜-->
		<div id="history_container">
			<div class="history_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">历史榜</p>
			</div>
		</div>
		<div class="history_List"><ul id="history_book"></ul></div>
		<script type="text/html" id="history_Item">
			{{each listArr}}
			<li>
				<div class="history_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--心理榜-->
		<div id="Psychology_container">
			<div class="Psychology_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">心理榜</p>
			</div>
		</div>
		<div class="Psychology_List"><ul id="Psychology_book"></ul></div>
		<script type="text/html" id="Psychology_Item">
			{{each listArr}}
			<li>
				<div class="Psychology_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--互联网-->
		<div id="netWork_container">
			<div class="netWork_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">互联网</p>
			</div>
		</div>
		<div class="netWork_List"><ul id="netWork_book"></ul></div>
		<script type="text/html" id="netWork_Item">
			{{each listArr}}
			<li>
				<div class="netWork_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<!--经管榜-->
		<div id="Management_container">
			<div class="Management_Item_title" align="center">
				<p class="list_title" style="left:0;right:0;font-weight: bolder;font-size: 2.5rem;color: #534f4b; ">经管榜</p>
			</div>
		</div>
		<div class="Management_List"><ul id="Management_book"></ul></div>
		<script type="text/html" id="Management_Item">
			{{each listArr}}
			<li>
				<div class="Management_Item_div">
					<img src= {{"http://img.readerday.com/cover/" + $value.bookimg}} style="width: 9.17rem; height: 12rem;">
					<img src="icon/listen.png" style="width: 1.8rem; height: 1.8rem; margin-left: 7.0rem; margin-top: -2.0rem;"/>
					<p style="font-size: 1.66rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width: 9.17rem; color: #333333; margin-top: 1.04rem;">{{$value.bookname}}</p>
					<p style="font-size: 1.3rem;width: 9.17rem;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; color: #999999; margin-top: -1.04rem;">{{$value.bookauthor}}</p>
					<img class="free_btn" src="icon/free_receive_img.png" style="margin-top: 1rem;"/>
		       </div>
			</li>
			{{/each}}
		</script>
		<div class="bottom_ercodeView" style="margin-left: 2.6rem; margin-right: 2.6rem; margin-bottom: 3.0rem;">
			<img src="img/selling_Book_ercodeimg.jpg" style="width: 10.4rem;width: 10.4rem;"/>
			<p style="font-size: 1.6rem; color: #333333; margin-left: 11.44rem; margin-top: -9.36rem;">蜜读 – 属于你的高品质听书神器</p>
			<p style="font-size: 1.3rem; color: #999999; margin-left: 11.44rem;">扫码关注蜜读查看更多好书</p>
		</div>
		<!--若提示框-->
		<div id="warn"></div>
	</body>
	<script type="text/javascript">
		document.writeln("<script type=\"text/javascript\" src=\"js/common.js?"+ Math.random() + "\"></scr"+"ipt>");
	</script>
	<script src="js/art-template.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/zepto.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/md5.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/aui-toast.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/purl.js"></script>
	<script type="text/javascript">
		var toast = new auiToast();
		toast.loading({
			  title: "加载中",
			  duration: 2000
		});
        //顶部分类
		var TopCategoryArr = new Array();
		var arr = new Array("小说榜","亲子榜","两性榜","励志榜","工作榜","学习榜","社交榜","财富榜","历史榜","心理榜","互联网","经管榜");
		for (var i = 0; i < arr.length; i ++) {
			var dict = {
			    categoryName:arr[i]
		    }
			TopCategoryArr.push(dict);
		}
		var TopCategory = {
			TopCategoryArr:TopCategoryArr
		}
        document.getElementById('TopCategory').innerHTML = template("TopCategory_Item", TopCategory);
        
        var item_arr = new Array('Novel_','Parenting_','Bisexual_','encouragement_','work_','study_','gam_','wealth_','history_','Psychology_','netWork_','Management_');
        var allDataArr = new Array();
        //小说榜
        var getBooklist = function(){
        	    shareWx("2017畅销好书榜Top100","http://img.readerday.com/activity/book105.jpg","小说情感、工作学习、商业科技海量图书免费听！");
        	    $.ajax({
        	    	type:"get",
        	    	url: hostUrl + "home/105book",
        	    	async:true,
        	    	    success:function(data){
        	    	    	    allDataArr = data.data;
        	    	    	    toast.hide();
        	    	    	    var countArr = new Array(12,6,9,9,9,9,9,6,9,9,9,9);
        	    	    	    for (var i = 0; i < countArr.length; i ++) {
        	    	    	    	    var j = 0;
        	    	    	    	    var count = countArr[0];
        	    	    	    	    if (i > 0) {
        	    	    	    	    	   for (var k = 0; k < i; k ++) {
        	    	    	    	    	   	  count += countArr[k + 1];
        	    	    	    	    	   	  j += countArr[k];
        	    	    	    	    	   }
        	    	    	    	    }
        	    	    	    	    var listArr = new Array();
        	    	    	    	    for (j; j < count; j ++) {
        	    	    	    	    	    listArr.push(data.data[j]);
        	    	    	    	    }
        	    	    	    	    data.listArr = listArr;
        	    	    	    	   document.getElementById(item_arr[i] + 'book').innerHTML = template(item_arr[i] + 'Item', data);
        	    	    	    }
        	    	    }
        	    });
        }
        getToken(getBooklist);
         
         for (var i = 0; i < item_arr.length; i ++) {
         	$('#' + item_arr[i] + 'book').on('click', '.free_btn', function(e) {
			   e.stopPropagation();
			   e.cancelBubble = true;
			   var index = $('.free_btn').index(this);
			   jumpDetail(allDataArr[index]);
		    })
         }
         
         function jumpDetail(dict){
         	weekTip("活动已结束");
//      	   window.location.href = "bookDetail.html?type=1&bookid=" + dict.bookid + "&videoauthorid=" + dict.videoauthorid + "&copywriter=" + dict.copywriter;
        }
        
         $('#TopCategory').on('click', '.category_btn', function(e) {
			e.stopPropagation();
			e.cancelBubble = true;
			var index = $(".category_btn").index(this);
			zTop = $('.list_title').eq(index).offset().top;
			$('body').animate({
				scrollTop:zTop
			},0, 'swing')
		})
         
         $('.scrollToTop').click(function(){
         	$('body').animate({
				scrollTop:0
			},0, 'swing')
         })
         
         $('.selling_BottomView').click(function(){
         	window.location.href = "memberPage.html?shareBack=1"
         })
         
         $(window).scroll(function(){
			if ($('body').scrollTop() >= 450) {
				$('.scrollToTop').removeClass('hide')
				$('.scrollToTop').fadeIn()
			} else{
				$('.scrollToTop').fadeOut()
			}
		})
	</script>
</html>
